<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<nav class="clearfix">
	<div class="container">
		<a href="#" class="logo"><img src="img/douyu_logo.png" alt=""></a>
		<ul class="main-nav">
			<li class="item"><a href="" class="active">首页</a></li>
			<li class="item"><a href="">直播</a></li>
			<li class="item classify">
			<a href="">分类
			<span></span>
			</a>
			<div class="classify-pannel">
				<div class="classify-pannel-container ">
				<h3>热门分类</h3>
				<div class="hot-list">
				<ul class="clearfix">
					<li><a href="">英雄联盟</a></li>
					<li><a href="">炉石传说</a></li>
					<li><a href="">DOTA2</a></li>
					<li><a href="">主机游戏</a></li>
					<li><a href="">使命召唤OL</a></li>
					<li><a href="">守望先锋</a></li>
				</ul>
				</div>
				</div>

				<div class="classify-pannel-container ">
				<h3>玩家推荐</h3>
				<div class="hot-list">
				<ul class="clearfix">
					<li><a href="">Pokemon Go</a></li>
					<li><a href="">星际争霸</a></li>
					<li><a href="">格斗游戏</a></li>
					<li><a href="">怀旧游戏</a></li>
					<li><a href="">我的世界</a></li>
					<li><a href="">逆战</a></li>
					<li><a href="">英雄之魂</a></li>
					<li><a href="">综合手游</a></li>
					<li><a href="">地下城与勇士</a></li>
				</ul>
				</div>
				</div>

				<a href="#" class="all-classify-btn">
					全部 &gt; &gt;
				</a>

				<a href="" class="pannel-banner">
					<img src="img/pannel_banner.png" alt="">
				</a>
			</div>
			</li>
			<li class="item game"><a href="">游戏<span class="hot"></span></a></li>
			<li class="item"><a href="">鱼吧</a></li>
		</ul>
		
		<div class="nav-search">
		<input type="text"  placeholder="搜房间/主播/分类">
		<a class="search-button"></a>
		</div>

		<div class="nav-download">
		    <a href="">
			<span class="download-icon"></span>
			<span class="download-content">下载</span>
			<span class="download-arrow"></span>
			</a>
			<div class="nav-download-pannel">
				<div class="download-app-btn"><a href="">App下载</a></div>
				<div class="download-tool-btn"><a href="">主播工具下载</a></div>
			</div>
		</div>

		<div class="nav-login">
			<span class="login-download"></span>
			<a href="#">登录</a>
			<span>|</span>
			<a href="">注册</a>
		</div>

      </div>
	</nav>
	<div class="banner">
		<div class="main-screen">
		</div>
		<div class="banner-img-bk"></div>
		<ul class="banner-img">
			<li class="item">
			<span class="arrow"></span>
			<span class="banner-content">CFS中国区总决赛</span>
			<a href="#"><i class="border"></i><img src="img/banner_sm_1.png" alt=""></a>
			</li>
			<li class="item">
			<span class="arrow"></span>
			<span class="banner-content">NSL国际邀请赛B组</span>
			<a href="#"><i class="border"></i><img src="img/banner_sm_2.png" alt=""></a>
			</li>
			<li class="item">
			<span class="arrow"></span>
			<span class="banner-content">花漾大爬梯之古风之夜</span>
			<a href="#"><i class="border"></i><img src="img/banner_sm_3.png" alt=""></a>
			</li>
			<li class="item">
			<span class="arrow"></span>
			<span class="banner-content">库利呀带你体验拳皇14</span>
			<a href="#"><i class="border"></i><img src="img/banner_sm_4.png" alt=""></a></li>
			<li class="item">
			<span class="arrow"></span>
			<span class="banner-content">LCK夏季赛正在直播</span>
			<a href="#"><i class="border"></i><img src="img/banner_sm_5.png" alt=""></a></li>
			<li class="item">
			<span class="arrow"></span>
			<span class="banner-content">虎牙少女牧歌</span>
			<a href="#"><i class="border"></i><img src="img/banner_sm_6.png" alt=""></a></li>
		</ul>
	</div>
	<div class="banner-list clearfix">
		<div class="container">
			<div class="banner-list-item list-l">
				<div class="banner-list-header">
				<span class="banner-list-logo"></span>
				<h2 class="banner-list-title">元气领域<h2>
				</div>
				<div class="banner-list-content">
				<ul class="clearfix">
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_left_list1.png" alt="">
						<span>小小，没洗头 我知道了</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_left_list2.png" alt="">
						<span>爱你优~\(≧▽≦)/~~</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_left_list3.png" alt="">
						<span>悲剧，谁来迎接我去台风又下雨</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_left_list4.png" alt="">
						<span>泡面哥作死实验室：100种饮料...</span>
					</a></li>
				</ul>
				</div>	
			</div>
			<div class="banner-list-item list-c">
				<div class="banner-list-header">
				<span class="banner-list-logo"></span>
				<h2 class="banner-list-title">时尚网游<h2>
				</div>
				<div class="banner-list-content">
				<ul class="clearfix">
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_center_list1.png" alt="">
						<span>雲天：键盘坏了，来晚了~</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_center_list2.png" alt="">
						<span>真·PVP·技术流·主播</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_center_list3.png" alt="">
						<span>唐12345：补补肾，搞起来</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_center_list4.png" alt="">
						<span>晚上手臂!!!!!!</span>
					</a></li>
				</ul>
				</div>
			</div>
			<div class="banner-list-item list-r">
				<div class="banner-list-header">
				<span class="banner-list-logo"></span>
				<h2 class="banner-list-title">鲜肉女神<h2>
				</div>
				<div class="banner-list-content">
				<ul class="clearfix">
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_right_list1.png" alt="">
						<span>播一天试试吧</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_right_list2.png" alt="">
						<span>让我们一起摇摆，哈哈哈哈</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_right_list3.png" alt="">
						<span>滴滴滴，你的小男朋友上线了</span>
					</a></li>
					<li><a href="#">
						<div class="banner-list-bk"><i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i></div>
						<img src="img/banner_right_list4.png" alt="">
						<span>台风过后的觅食</span>
					</a></li>
				</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="news-area clearfix container">
		<div class="news-banner">
			<div class="news-banner-l">
				<a href="#">
					<div class="banner-forward"></div>
					<img src="img/news_banner1.png" alt="">
				</a>
			</div>
			<div class="news-banner-r">
				<div class="news-banner-r-top">
					<a href="">
					    <div class="banner-forward"></div>
						<img src="img/news_banner2.png" alt="">
					</a>
				</div>
				<div class="news-banner-r-bottom">
					<div class="news-banner-bottom-left">
						<a href="">
						    <div class="banner-forward"></div>
							<img src="img/news_banner3.png" alt="">
						</a>
					</div>
					<div class="news-banner-bottom-right">
						<a href="">
						    <div class="banner-forward"></div>
							<img src="img/news_banner4.png" alt="">
						</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="news-content">
			<div class="news-content-top">
				<a href="#" class="item">
					<h2>斗鱼直播燃放激情 助威中国征战奥运</h2>
					<p>知识问答、限量火炬、胜利勋章、鲨鱼表情包</p>
				</a>
				<a href="#" class="item">
					<h2>经典传奇斗鱼再起 谁将入主沙巴克城</h2>
					<p>10年传奇回归，来斗鱼体验最经典的热血传奇</p>
				</a>
			</div>
			<div class="news-content-list">
				<ul>
					<li class="item">
					<span class="title">新闻</span>
					<span class="line">|</span>
					<a href="" class="content">NSL星际邀请赛购票 享专属福利特权</a>
					</li>
					<li class="item">
						<span class="title">新闻</span>
						<span class="line">|</span>
						<a href="" class="content">TI6国际邀请赛开赛 ehome打响揭...</a>
					</li>
					<li class="item">
						<span class="title">新闻</span>
						<span class="line">|</span>
						<a href="" class="content">用语言连接世界 斗鱼说栏目重磅登场</a>
					</li>
					<li class="item">
						<span class="title">活动</span>
						<span class="line">|</span>
						<a href="" class="content">夏日炎炎来小书 第二节剑灵毛球大战</a>
					</li>
					<li class="item">
						<span class="title">直播指南</span>
					    <span class="line">|</span>
					    <a href="" class="content">斗鱼POKEMON GO手游直播教程</a>
					</li>
				</ul>
			</div>
		</div>

		<div class="news-list">
			<ul>

				<li><a class="item" href="">
					<div class="news-list-img">
						<div class="border"></div>
						<div class="img-content">
							<span class="arrow"></span>
							正在直播...
						</div>
						<img src="img/news_list1.png" alt="">
					</div>
					<div class="news-list-content">
						<h3>《Inside》</h3>
						<p>IGN满分神作，年度最佳烧脑解谜游戏。</p>
						<div class="tag-list"><span>PC</span><span>XBOX ONE</span></div>
					</div>
				</a></li>
				<li><a class="item" href="">
					<div class="news-list-img">
						<div class="border"></div>
						<div class="img-content">
							<span class="arrow"></span>
							正在直播...
						</div>
						<img src="img/news_list2.png" alt="">
					</div>
					<div class="news-list-content">
						<h3>《球球大作战》</h3>
						<p>实时互动PK，体验智谋碰撞的战斗乐趣</p>
						<div class="tag-list"><span>安卓</span><span>iso</span></div>
					</div>
				</a></li>
				<li><a class="item" href="">
					<div class="news-list-img">
						<div class="border"></div>
						<div class="img-content">
							<span class="arrow"></span>
							正在直播...
						</div>
						<img src="img/news_list3.png" alt="">
					</div>
					<div class="news-list-content">
						<h3>《CF手游》</h3>
						<p>CF原班团队历时3年精心打造，将3亿鼠标的枪战梦想延续到手机</p>
						<div class="tag-list"><span>ios</span><span>安卓</span></div>
					</div>
				</a></li>
				<li><a class="item" href="">
					<div class="news-list-img">
						<div class="border"></div>
						<div class="img-content">
							<span class="arrow"></span>
							正在直播...
						</div>
						<img src="img/news_list4.png" alt="">
					</div>
					<div class="news-list-content">
						<h3>《Pokemon Go》</h3>
						<p>Pokemon Go是一款对现实世界中出现的宝可梦进行探索捕...</p>
						<div class="tag-list"><span>ios</span><span>安卓</span></div>
					</div>
				</a></li>
			</ul>
		</div>
	</div>
	<div class="main-classify-pannel container clearfix">
		<div class="hot-classify">
			<div class="hot-classify-title clearfix">
				<div class="classify-logo hot-logo"></div>
				<h2 class="classify-title">热门分类</h2>
				<p class="hot-classify-detail">共 <span class="classify-number">110</span> 分类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="live-number">6,723</span> 场直播</p>
				<a href="" class="all-classify">全部分类 <span></span></a>
			</div>
			<div class="hot-classify-container">
				<ul class="hot-classify-list">
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner1.png" alt="">
						<h3 class="hot-classify-list-content">Pokemon Go</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner2.png" alt="">
						<h3 class="hot-classify-list-content">英雄联盟</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner3.png" alt="">
						<h3 class="hot-classify-list-content">炉石传说</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner4.png" alt="">
						<h3 class="hot-classify-list-content">DOTA2</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner5.png" alt="">
						<h3 class="hot-classify-list-content">企鹅直播</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner6.png" alt="">
						<h3 class="hot-classify-list-content">穿越火线</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner7.png" alt="">
						<h3 class="hot-classify-list-content">魔兽世界</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner8.png" alt="">
						<h3 class="hot-classify-list-content">守望先锋</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner9.png" alt="">
						<h3 class="hot-classify-list-content">星际争霸</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner10.png" alt="">
						<h3 class="hot-classify-list-content">球球大作战</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner11.png" alt="">
						<h3 class="hot-classify-list-content">主机游戏</h3>
					</a></li>
					<li class="item"><a href="">
						<div class="banner-forward"></div>
						<img src="img/hot_classify_banner12.png" alt="">
						<h3 class="hot-classify-list-content">使命召唤 OL</h3>
					</a></li>
				</ul>
			</div>
		</div>
		<div class="high-lights">
			<div class="high-lights-title clearfix">
				<div class="classify-logo high-lights-logo"></div>
				<h2 class="classify-title">精彩推荐</h2>
			</div>
			<div class="high-light-content">
				<ul>
					<li class="item"><a href=""><img alt="" src="img/high_light_pannel1.png"> </a></li>
					<li class="item"><a href=""><img alt="" src="img/high_light_pannel2.png"> </a></li>
					<li class="item"><a href=""><img alt="" src="img/high_light_pannel3.png"> </a></li>
					<li class="item"><a href=""><img alt="" src="img/high_light_pannel4.png"> </a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="game-pannel container clearfix">
		<img  class="game-pannel-left" src="img/game_pannel_left.png" alt="">
		<img  class="game-pannel-right" src="img/game_pannel_right.png" alt="">
	</div>
	<div class="now-live-pannel container">
		<div class="live-pannel-top clearfix">
		<div class="live-pannel-logo"></div>
		<h2 class="live-pannel-title">正在直播</h2>
		<div class="live-detail">当前在线直播 <span class="live-number">6,382</span>&nbsp;&nbsp;&nbsp;&nbsp;<a class="view-more" href="">查看更多<span class="live-arrow"></span></a></div>
		</div>
		<div class="live-vadio-container">
			<ul class="live-video-list clearfix">
				<li class="item"><a href="">
					<img src="img/live_video_img1.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">LCK夏季赛AFS vs ROX
						<span>英雄联盟</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">Riot LCK</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">22.2万</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img2.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">经营策略游戏的头脑风暴
						<span>主机游戏</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">游戏机实用技术</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">2.8万</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img3.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">8月5日鱼塘星音乐第三季
						<span>鱼音绕梁</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">拓展组专用</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">47.4万</span>
							</div>
						</div>
					</div>
				</a></li>

					<li class="item"><a href="">
					<img src="img/live_video_img4.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">LPL夏季赛IGvsEDG
						<span>英雄联盟</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">riot赛事二</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">186万</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img5.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						QQQ 今天冲国服前50试试
						<span>守望先锋</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								暴雪脑残粉QQQ
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">27.4万</span>
							</div>
						</div>
					</div>
				</a></li>


				<li class="item"><a href="">
					<img src="img/live_video_img6.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						阿怡：巴西时间早上8点
						<span>直击奥运</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								阿怡大小姐
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">26.4万</span>
							</div>
						</div>
					</div>
				</a></li>
					
					<li class="item"><a href="">
					<img src="img/live_video_img7.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						啦啦啦：三柱擎天法
						<span>炉石传说</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								炉石 啦啦啦
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">20.3万</span>
							</div>
						</div>
					</div>
				</a></li>
					
				<li class="item"><a href="">
					<img src="img/live_video_img8.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						狂风，WOW十大电影彩蛋Ⅱ
						<span>魔兽世界</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								狂人与風
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">5.8万</span>
							</div>
						</div>
					</div>
				</a></li>
				

				<li class="item"><a href="">
					<img src="img/live_video_img9.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						霹雳狼烟之古原争霸
						<span>国漫</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								霹雳国际多媒体
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">4.3万</span>
							</div>
						</div>
					</div>
				</a></li>

					<li class="item"><a href="">
					<img src="img/live_video_img10.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						蛇精：变形金刚ol 首测哦
						<span>热门网游</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								蛇蛇蛇精病
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">1.5万</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img11.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						创业地域的选择！
						<span>财经</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								虎投邦
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">4229</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img12.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						腾讯里约百人大直播总控的工...
						<span>直击奥运</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								切跳转专用18
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">1956</span>
							</div>
						</div>
					</div>
				</a></li>
					
			</ul>
		</div>
	</div>
	<!-- <div class="campaign-pannel container">
		<div class="campaign-pannel-title">
			<h2>斗鱼推广</h2>
		</div>
		<div class="campaign-pannel-container"></div>
	</div> -->

	<div class="live-area container">

		<div class="live-pannel-top clearfix">
		<div class="live-pannel-logo"></div>
		<h2 class="live-pannel-title">暴雪专区</h2>
		<div class="live-pannel-tag">
			<a href="">炉石传说</a>
			<a href="">魔兽世界</a>
			<a href="">风暴英雄</a>
			<a href="">星际争霸</a>
			<a href="">魔兽争霸</a>
			<a href="">暗黑破坏神3</a>
			<a href="">守望先锋</a>
		</div>
		<div class="live-detail">当前在线直播 <span class="live-number">1,154</span>&nbsp;&nbsp;&nbsp;&nbsp;<a class="view-more" href="">查看更多<span class="live-arrow"></span></a></div>
		</div>
		
		<div class="live-vadio-container">
			<ul class="live-video-list clearfix">
				<li class="item"><a href="">
					<img src="img/live_video_img8.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">狂风，WOW十大电影彩蛋Ⅱ
						<span>魔兽世界</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">狂人与風</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">5.8万</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img5.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						QQQ 今天冲国服前50试试
						<span>守望先锋</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								暴雪脑残粉QQQ
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">27.4万</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img7.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						啦啦啦：三柱擎天法
						<span>炉石传说</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								炉石 啦啦啦
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">20.3万</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img13.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						【小闲】 菜鸡杯户外直播
						<span>星际争霸</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								Mayuki 闲
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">9.7万</span>
							</div>
						</div>
					</div>
				</a></li>

					<li class="item"><a href="">
					<img src="img/live_video_img15.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						独家S7四人最强配置
						<span>暗黑破坏...</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								 浩然sv
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">5701</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img16.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						日常直播...第782天
						<span>风暴英雄</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								 Lefthand
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">5473</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img17.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						西呱：月初乳力上一波分
						<span>炉石传说</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								 小西呱呱
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">4399</span>
							</div>
						</div>
					</div>
				</a></li>

				<li class="item"><a href="">
					<img src="img/live_video_img18.png" alt="" class="live-video-top">
					<i class="fa fa-play-circle-o fa-4x" aria-hidden="true"></i>
					<div class="live-video-bottom">
						<div class="live-video-title">
						【FQQ】非主流演员大Q神开...
						<span>魔兽争霸</span>
						</div>
						<div class="live-video-detail">
							<span class="live-video-icon"></span><span class="live-video-actor">
								 fqqxiaoz
							</span>
							<div class="live-video-visit">
								<span class="live-visit-icon"></span>
								<span class="live-visit-number">3772</span>
							</div>
						</div>
					</div>
				</a></li>
			</ul>
			</div>
	</div>

	<div class="activity-area container">
		<div class="live-pannel-top clearfix">
			<div class="live-pannel-logo"></div>
			<h2 class="live-pannel-title">官方活动</h2>
		</div>
		<div class="activity-area-container">
			<ul class="activity-area-list clearfix">
				<li class="item"><a href=""><img src="img/activity_banner1.png" alt=""></a></li>
				<li class="item"><a href=""><img src="img/activity_banner2.png" alt=""></a></li>
				<li class="item"><a href=""><img src="img/activity_banner3.png" alt=""></a></li>
				<li class="item"><a href=""><img src="img/activity_banner4.png" alt=""></a></li>
			</ul>
		</div>
	</div>
	<footer>
		<div class="footer-top">
			<div class="container">
				<div class="frindly-link">
				<h2 class="frindly-link-title">友情链接</h2>
					<ul class="frindly-link-list">
						<li class="item"><a href="">斗鱼开发者论坛</a></li>
						<li class="item"><a href="">AcFun弹幕视频网</a></li>
						<li class="item"><a href="">沙发管家</a></li>
						<li class="item"><a href="">齐齐乐</a></li>
						<li class="item"><a href="">A9VG电玩部落</a></li>
						<li class="item"><a href="">当贝市场</a></li>
					</ul>

					<ul class="frindly-link-list">
						<li class="item"><a href="">兔玩网</a></li>
						<li class="item"><a href="">快投电视</a></li>
						<li class="item"><a href="">轻文轻小说</a></li>
					</ul>
				</div>

				<div class="anchor-help">
					<h2 class="anchor-help-title">主播帮助</h2>
					<ul class="anchor-help-list">
						<li class="item"><a href="">新手主播上路</a></li>
						<li class="item"><a href="">主播工具下载</a></li>
						<li class="item"><a href="">主播工具教程</a></li>
					</ul>
				</div>

				<div class="phone-app">
					<h2 class="phone-app-title">斗鱼手机客户端</h2>
					<a href="" class="phone-app-content">
						<p> <span class="phone-app-icon"></span>IOS/Android 下载</p>
						<img src="img/download_QR.png" alt="" class="QR-code">
					</a>
				</div>

				<div class="focus-us">
					<h2 class="focus-us-title">关注我们</h2>
					<a href="" class="focus-us-content">
						<p> <span class="focus-us-icon"></span>微信公众号</p>
						<img src="img/weixin_QR.png" alt="" class="QR-code">
					</a>
				</div>

				<a class="public-QQ">
					官方交流群： 149256047
				</a>
			</div>
		</div>

		<div class="footer-bottom">
			<div class="container">
				<p><a href="">关于我们</a>|<a href="">联系客服</a>|<a href="">招聘信息</a>|<a href="">友情链接</a>|<a href="">我要直播</a>|<a href="">意见反馈</a>|<a href="">版权保护投诉指引</a>|<a href="">官方QQ号查询</a></p>
				<p>武汉斗鱼网络科技有限公司 版权所有 ©www.douyu.com 鄂ICP备15011961号-1 |<a href=""><span class="police-icon"></span>鄂公网安备 42018502000107号 | 鄂网文[2015]1925-037 号</a></p>
				<p>公司地址：湖北省武汉市东湖开发区光谷软件园F4栋8楼 客户服务热线：027-65026248</p>
			</div>
		</div>
	</footer>
</body>
</html>
